.do-head-dropdown-toggle
	position : relative
	color : $white-color
	display : block
	padding : 14px 10px

	

.do-head-dropdown-toggle > i
	font-weight : 900

.do-head-dropdown-toggle > .badge
	position : absolute
	display : block
	border : 1px solid $white-color
	color : $white-color
	background-color : $red-color
	left : 0px
	top : 4px
	padding : 1px 5px
	+border-radius(3px)
	font-size : 12px

.do-head-dropdown-toggle:hover
	color : $white-color

.do-head-dropdown-menu
	position : absolute
	z-index : 200
	background-color : $white-color
	border:1px solid $border-color
	+border-radius(3px)
	box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.2)
	padding : 10px 0
	margin-top : -5px
	margin-left : -33px

.do-head-dropdown-menu > li > a
	padding : 6px 11px
	display : block

.do-head-dropdown-menu > li > a:hover
	background-color : #f7f7f7
	color : #fe0005

.do-head-dropdown-menu .badge
	margin-left : 20px
  	
.do-head-dropdown-menu .do-arr
	content: ' '
	position: absolute
	top : -7px
	right : 45%
	display: inline-block
	border-right :7px solid transparent
	border-bottom : 7px solid #ccc
	border-left : 7px solid transparent
	border-bottom-color : $white-color


// =========================================================

.do-dropdown-toggle
	position : relative
	color : $white-color
	display : block
	padding : 14px 10px

	

.do-dropdown-toggle > i
	font-weight : 900

.do-dropdown-toggle > .badge
	position : absolute
	display : block
	border : 1px solid $white-color
	color : $white-color
	background-color : $red-color
	left : -4px
	top : 4px
	padding : 1px 5px
	+border-radius(3px)
	font-size : 12px

.do-dropdown-toggle:hover
	color : $white-color

.do-dropdown-menu
	position : absolute
	z-index : 200
	background-color : $white-color
	border:1px solid $border-color
	+border-radius(3px)
	box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.2)
	padding : 10px 0
	margin-top: 5px

.do-dropdown-menu > li > a
	padding : 4px 11px
	display : block

.do-dropdown-menu > li > a:hover
	background-color : #f7f7f7
	color : inherit
  	
.do-dropdown-menu .do-arr
	content: ' '
	position: absolute
	top : -7px
	right : 45%
	display: inline-block
	border-right :7px solid transparent
	border-bottom : 7px solid #ccc
	border-left : 7px solid transparent
	border-bottom-color : $white-color


// =====================
.do-dropdown-select-box
	position : absolute
	z-index : 200
	width: 140px
	border:1px solid $border-color
	+border-radius(3px)
	box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.2)
	margin-top: 5px
	margin-left : -15px

.do-dropdown-select-menu
	background-color : $white-color
	max-height : 140px
	overflow-x: hidden
	overflow-y : auto


.do-dropdown-select-menu > li > a
	padding : 6px 11px
	display : block
	text-align: left

.do-dropdown-select-menu > li > a:hover
	background-color : #f7f7f7
	color : inherit


.do-dropdown-add
	display : block
	background-color : $white-color
	text-align: left
	padding : 6px 11px
	cursor : ponint
	border-top: 1px solid $border-color

.do-dropdown-add:hover
	background-color : #f7f7f7
	color : inherit